<template>
	<view class="content">
		<view class="iframe">
			<video
          style="height: 100vh;width:100vw;"
          :src="playUrl"
          :autoplay="true"
          :enable-play-gesture="true"
          :vslide-gesture="true"
          :vslide-gesture-in-fullscreen="true"

          @error="videoErrorCallback"/>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgURL:  this.$configPath.imgURL + 'fixed/',
        videoList:{
				  1: {
				    url: 'applet-v1-1.mp4',
          },
          2: {
            url: 'applet-v1-2.mp4',
          },
          3: {
            url: 'applet-v1-3.mp4',
          },
          4: {
            url: 'applet-v1-4.mp4',
          },
          5: {
            url: 'applet-v1-5.mp4',
          },
			6: {
				url: 'applet-v1-6.mp4',
			},
			7: {
				url: 'applet-v1-7.mp4',
			},
			8: {
				url: 'applet-v1-8.mp4',
			},
        },
        playUrl: '',
			}
		},
		onLoad(options) {
      this.playUrl = this.imgURL.concat(this.videoList[options.step].url);
		},
		methods: {
			videoErrorCallback() {
        getApp().err('播放不成功');
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		.iframe {
			text-align: center;
		}
	}
</style>
